import * as React from 'react';
import loss from '@/assets/icon/404.png';
import upgrade from '@/assets/icon/upgrade.png';
import checkbox from '@/assets/icon/checkbox.png';

export const newClearIcon = ({
  width = '.3rem',
  height = '.3rem',
  clickFun = () => {}
}) => {
  return (
    <svg onClick={clickFun} width={width} height={height} viewBox="0 0 30 30">
      <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
        <g transform="translate(-682.000000, -654.000000)">
          <g transform="translate(0.000000, 364.000000)">
            <g transform="translate(682.000000, 290.000000)">
              <path
                d="M30,15 C30,6.716 23.284,0 15,0 C6.716,0 0,6.716 0,15 C0,23.285 6.716,30 15,30 C23.284,30 30,23.285 30,15"
                id="Fill-1"
                fill="#BFBFBF"
              ></path>
              <path
                d="M10.5605,8.43876567 C14.2275,12.1058966 17.8935,15.7720276 21.5605,19.4391585 C22.1465,20.0251795 22.1465,20.9752134 21.5605,21.5612343 C20.9745,22.1462552 20.0255,22.1462552 19.4395,21.5612343 C17.9595,20.0811815 16.4795,18.6011286 14.9995,17.1210758 C13.5205,18.6011286 12.0395,20.0811815 10.5605,21.5612343 C9.9745,22.1462552 9.0255,22.1462552 8.4395,21.5612343 C7.8535,20.9752134 7.8535,20.0251795 8.4395,19.4391585 C9.9185,17.9601057 11.3985,16.4800529 12.8785,15 C11.3985,13.5199471 9.9185,12.0398943 8.4395,10.5608415 C7.8535,9.97482053 7.8535,9.0247866 8.4395,8.43876567 C9.0255,7.85374478 9.9745,7.85374478 10.5605,8.43876567"
                id="Fill-6"
                fill="#FFFFFF"
              ></path>
              <path
                d="M21.5605,10.5610061 C20.8935,11.2280728 20.2275,11.8941394 19.5605,12.5612061 C18.9745,13.1462646 18.0255,13.1462646 17.4395,12.5612061 C16.8535,11.9751475 16.8535,11.0250525 17.4395,10.4389939 C18.1065,9.77292729 18.7725,9.10586059 19.4395,8.43879388 C20.0255,7.85373537 20.9745,7.85373537 21.5605,8.43879388 C22.1465,9.02485249 22.1465,9.97494749 21.5605,10.5610061"
                id="Fill-7"
                fill="#FFFFFF"
              ></path>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconCloseX = ({
  width = '.24rem',
  height = '.24rem',
  className = 'close-x',
  clickFun = () => {}
}) => {
  return (
    <svg
      className={className}
      viewBox="0 0 1027 1024"
      width={width}
      height={height}
      onClick={clickFun}
    >
      <path
        d="M687.478186 228.390515l204.035784-204.035784a76.513419 76.513419 0 1 1 108.138966 108.138966c-67.943916 68.045934-135.98985 136.040859-204.035784 204.035784a76.513419 76.513419 0 1 1-108.138966-108.138966M999.652936 891.506813a76.513419 76.513419 0 1 1-108.138966 108.138966L512.007412 620.292247 132.500854 999.645779a76.513419 76.513419 0 1 1-108.138966-108.240984l379.455549-379.40454-379.506558-379.506558A76.513419 76.513419 0 1 1 132.602872 24.303722l867.152082 867.152082"
        p-id="3645"
      ></path>
    </svg>
  );
};

export const IconLineDashed = ({
  width = '.96rem',
  height = '2px',
  className = 'line-dashed',
  stroke = '#BFBFBF'
}) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 93 2"
      version="1.1"
      className={className}
    >
      <g
        id="号卡-选号-后置"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        strokeDasharray="1,5"
        strokeLinecap="square"
      >
        <g
          id="选择号码"
          transform="translate(-426.000000, -218.000000)"
          fillRule="nonzero"
          stroke={stroke}
          strokeWidth="2"
        >
          <g id="step" transform="translate(0.000000, 130.000000)">
            <line x1="427" y1="89" x2="523" y2="89" id="line2"></line>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconSearch = ({ width = '.3rem', height = '.3rem' }) => {
  return (
    <svg width={width} height={height} viewBox="0 0 30 30">
      <g
        id="公共组件"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="资费说明"
          transform="translate(-60.000000, -391.000000)"
          fill="#BFBFBF"
        >
          <g id="选号" transform="translate(0.000000, 130.000000)">
            <g id="search" transform="translate(36.000000, 244.000000)">
              <path
                d="M53.5605,46.5605 C52.9745,47.1465 52.0255,47.1465 51.4395,46.5605 C50.4775,45.5985 49.5145,44.6355 48.5525,43.6735 C47.0255,42.1465 46.7985,39.7495 48.0125,37.9625 C51.1225,33.3855 50.5315,27.2415 46.6045,23.3415 C42.6785,19.4415 36.5315,18.8905 31.9755,22.0315 C27.4185,25.1715 25.7445,31.1125 27.9925,36.1695 C30.2395,41.2275 35.7695,43.9665 41.1545,42.6895 C41.9605,42.4985 42.7685,42.9975 42.9595,43.8025 C43.1515,44.6095 42.6525,45.4175 41.8465,45.6085 C35.0575,47.2185 28.0835,43.7645 25.2505,37.3875 C22.4175,31.0115 24.5275,23.5205 30.2725,19.5615 C36.0185,15.6015 43.7685,16.2945 48.7185,21.2125 C53.6685,26.1305 54.4145,33.8765 50.4945,39.6485 C50.0885,40.2445 50.1645,41.0435 50.6735,41.5525 C51.6355,42.5145 52.5985,43.4765 53.5605,44.4395 C54.1465,45.0255 54.1465,45.9745 53.5605,46.5605 Z"
                id="Fill-2"
              ></path>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};
export const IconCheckBox = ({
  width = '54px',
  height = '54px',
  className = '',
  clickFun = () => {}
}) => {
  return (
    <img
      src={checkbox}
      style={{ width, height }}
      onClick={clickFun}
      className={className}
      alt=""
    />
  );
};

export const IconCircle = ({
  width = '54px',
  height = '54px',
  className = '',
  clickFun = () => {}
}) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 54 54"
      onClick={clickFun}
      className={className}
    >
      <defs>
        <path
          d="M0,19 C0,29.4935882 8.50641176,38 19,38 C29.4935882,38 38,29.4935882 38,19 C38,8.50641176 29.4935882,0 19,0 C8.50641176,0 0,8.50641176 0,19 Z"
          id="path-1"
        ></path>
        <filter
          x="-36.8%"
          y="-26.3%"
          width="173.7%"
          height="173.7%"
          filterUnits="objectBoundingBox"
          id="filter-2"
        >
          <feOffset
            dx="0"
            dy="4"
            in="SourceAlpha"
            result="shadowOffsetOuter1"
          ></feOffset>
          <feGaussianBlur
            stdDeviation="4"
            in="shadowOffsetOuter1"
            result="shadowBlurOuter1"
          ></feGaussianBlur>
          <feComposite
            in="shadowBlurOuter1"
            in2="SourceAlpha"
            operator="out"
            result="shadowBlurOuter1"
          ></feComposite>
          <feColorMatrix
            values="0 0 0 0 0.882352941   0 0 0 0 0.882352941   0 0 0 0 0.882352941  0 0 0 1 0"
            type="matrix"
            in="shadowBlurOuter1"
          ></feColorMatrix>
        </filter>
      </defs>
      <g id="套餐" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
        <g id="机主信息备份" transform="translate(-28.000000, -1120.000000)">
          <g id="i-gree" transform="translate(36.000000, 1124.000000)">
            <g id="Fill-3">
              <use fill="black" fillOpacity="1" filter="url(#filter-2)"></use>
              <path
                stroke="#8C8C8C"
                strokeWidth="3"
                d="M1.5,19 C1.5,28.6651611 9.33483889,36.5 19,36.5 C28.6651611,36.5 36.5,28.6651611 36.5,19 C36.5,9.33483889 28.6651611,1.5 19,1.5 C9.33483889,1.5 1.5,9.33483889 1.5,19 Z"
                strokeLinejoin="inherit"
                fill="#FFFFFF"
                fillRule="evenodd"
              ></path>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconCloseBlack = ({
  width = '40px',
  height = '40px',
  clickFun = () => {}
}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 40 40" onClick={clickFun}>
      <g
        id="公共组件"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g id="入网协议" transform="translate(-674.000000, -258.000000)">
          <g transform="translate(0.000000, 222.000000)" id="icon-close">
            <g transform="translate(674.000000, 36.000000)">
              <circle
                id="椭圆形"
                fill="#F2F2F2"
                cx="20"
                cy="20"
                r="20"
              ></circle>
              <path
                d="M24.5606,17.5606 C23.9746,18.1466 23.0256,18.1466 22.4396,17.5606 C21.8536,16.9756 21.8536,16.0256 22.4396,15.4396 L25.4396,12.4396 C26.0256,11.8536 26.9746,11.8536 27.5606,12.4396 C28.1466,13.0246 28.1466,13.9756 27.5606,14.5606 L24.5606,17.5606 Z"
                id="Fill-5"
                fill="#8C8C8C"
              ></path>
              <path
                d="M27.5606,25.4395 C28.1466,26.0245 28.1466,26.9755 27.5606,27.5605 C26.9746,28.1465 26.0256,28.1465 25.4396,27.5605 C23.6256,25.7475 21.8136,23.9345 19.9996,22.1215 C18.1866,23.9345 16.3736,25.7475 14.5606,27.5605 C13.9746,28.1465 13.0256,28.1465 12.4396,27.5605 C11.8536,26.9755 11.8536,26.0245 12.4396,25.4395 C14.2526,23.6265 16.0656,21.8135 17.8786,20.0005 C16.0656,18.1875 14.2526,16.3745 12.4396,14.5605 C11.8536,13.9755 11.8536,13.0245 12.4396,12.4395 C13.0256,11.8535 13.9746,11.8535 14.5606,12.4395 C18.8936,16.7725 23.2276,21.1065 27.5606,25.4395"
                id="Fill-8"
                fill="#8C8C8C"
              ></path>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconNotice = ({
  width = '26px',
  height = '31px',
  className = 'icon-notice'
}) => {
  return (
    <svg
      className={className}
      width={width}
      height={height}
      viewBox="0 0 24 25"
    >
      <g
        id="公共组件"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g id="系统升级公告" transform="translate(-25.000000, -145.000000)">
          <g id="置顶通栏不带关闭" transform="translate(0.000000, 132.000000)">
            <g id="icon" transform="translate(24.000000, 11.000000)">
              <path
                d="M5.25,20.75 L20.75,20.75 L20.75,11 C20.75,6.71979319 17.2802068,3.25 13,3.25 C8.71979319,3.25 5.25,6.71979319 5.25,11 L5.25,20.75 Z"
                id="合并形状"
                stroke="#DE6A1C"
                strokeWidth="2.5"
              ></path>
              <path
                d="M12.25,24 L13.75,24 C14.4403559,24 15,24.5596441 15,25.25 L15,25.25 C15,25.9403559 14.4403559,26.5 13.75,26.5 L12.25,26.5 C11.5596441,26.5 11,25.9403559 11,25.25 L11,25.25 C11,24.5596441 11.5596441,24 12.25,24 Z"
                id="矩形"
                fill="#DE6A1C"
              ></path>
              <rect
                id="矩形"
                fill="#DE6A1C"
                x="1"
                y="19.5"
                width="24"
                height="2.5"
              ></rect>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};
export const IconSign = ({
  width = '10px',
  height = '20px',
  stroke = 'red'
}) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 39 38"
      style={{ marginLeft: '.06rem' }}
    >
      <g
        id="信用合约机"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        strokeLinecap="round"
        strokeLinejoin="round"
      >
        <g
          id="-新用户-签订协议"
          transform="translate(-59.000000, -199.000000)"
          fillRule="nonzero"
          stroke="#F0250F"
          strokeWidth="2"
        >
          <g id="group-timeline" transform="translate(0.000000, 130.000000)">
            <g id="group-icons" transform="translate(36.000000, 48.000000)">
              <g id="icon-agreement">
                <g transform="translate(24.000000, 22.000000)">
                  <path
                    d="M30,26.6171875 L30,34 C30,35.1045695 29.1045695,36 28,36 L2,36 C0.8954305,36 0,35.1045695 0,34 L0,2 C0,0.8954305 0.8954305,0 2,0 L28,0 C29.1045695,0 30,0.8954305 30,2 L30,12.5859375"
                    id="路径"
                  ></path>
                  <path d="M6,7.83628997 L24,7.83628997" id="直线-2"></path>
                  <path d="M6,15 L20,15" id="直线-2-copy"></path>
                  <path
                    d="M36.5761719,12.9082031 L23.1767578,26.3076172"
                    id="路径-2"
                  ></path>
                  <path
                    d="M5,30.2236328 C8.67382813,25.9308649 10.9208984,24.7667177 11.7412109,26.7311913 C12.9716797,29.6779016 12.3671875,30.3859861 15.2324219,28.8515625 C17.1425781,27.8286134 18.258138,28.2859702 18.5791016,30.2236328"
                    id="路径-3"
                  ></path>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconExplain = ({
  width = '10px',
  height = '20px',
  stroke = 'red'
}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 34 38">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        strokeLinecap="round"
        strokeLinejoin="round"
      >
        <g
          id="套餐-资费说明"
          transform="translate(-159.000000, -199.000000)"
          fillRule="nonzero"
          stroke={stroke}
          strokeWidth="2"
        >
          <g id="group-timeline" transform="translate(0.000000, 130.000000)">
            <g id="分组" transform="translate(132.000000, 48.000000)">
              <g id="icon-explain" transform="translate(4.000000, 0.000000)">
                <g id="explain" transform="translate(24.000000, 22.000000)">
                  <path
                    d="M32,20.6171875 L32,34 C32,35.1045695 31.1045695,36 30,36 L2,36 C0.8954305,36 0,35.1045695 0,34 L0,2 C0,0.8954305 0.8954305,0 2,0 L30,0 C31.1045695,0 32,0.8954305 32,2 L32,11"
                    id="路径"
                  ></path>
                  <path d="M10,7 L22,7" id="直线-2"></path>
                  <path d="M6,24 L26,24" id="直线-2-copy-3"></path>
                  <path d="M6,18 L26,18" id="直线-2-copy"></path>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconInformation = ({
  width = '10px',
  height = '20px',
  stroke = 'red'
}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 38 38">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        strokeLinecap="round"
        strokeLinejoin="round"
      >
        <g
          id="套餐-资费说明"
          transform="translate(-359.000000, -199.000000)"
          fillRule="nonzero"
          stroke={stroke}
          strokeWidth="2"
        >
          <g id="group-timeline" transform="translate(0.000000, 130.000000)">
            <g id="分组" transform="translate(132.000000, 48.000000)">
              <g
                id="icon-information"
                transform="translate(204.000000, 0.000000)"
              >
                <g id="information" transform="translate(24.000000, 22.000000)">
                  <path
                    d="M14.4003906,36 C11.2003038,36 7.06684028,36 2,36 C0.8954305,36 0,35.1045695 0,34 L0,2 C0,0.8954305 0.8954305,0 2,0 L28,0 C29.1045695,0 30,0.8954305 30,2 L30,9"
                    id="路径"
                  ></path>
                  <path
                    d="M25.0103346,25.2032714 C23.2112328,24.1673221 22,22.2251103 22,20 C22,16.6862915 24.6862915,14 28,14 C31.3137085,14 34,16.6862915 34,20 C34,22.2251103 32.7887672,24.1673221 30.9896654,25.2032714 L35.3192422,29.0030141 C35.7519293,29.3827509 36,29.9305215 36,30.5062107 L36,34 C36,35.1045695 35.1045695,36 34,36 L22,36 C20.8954305,36 20,35.1045695 20,34 L20,30.5062107 C20,29.9305215 20.2480707,29.3827509 20.6807578,29.0030141 L25.0103346,25.2032714 Z"
                    id="合并形状"
                  ></path>
                  <path d="M6,8 L24,8" id="直线-2"></path>
                  <path d="M6,14 L20,14" id="直线-2-copy"></path>
                  <path d="M6,20 L14,20" id="直线-2-copy-2"></path>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconSubmission = ({
  width = '10px',
  height = '20px',
  stroke = 'red'
}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 37 38">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        strokeLinecap="round"
        strokeLinejoin="round"
      >
        <g
          id="套餐-机主信息2"
          transform="translate(-559.000000, -199.000000)"
          fillRule="nonzero"
          stroke={stroke}
          strokeWidth="2"
        >
          <g id="group-timeline" transform="translate(0.000000, 130.000000)">
            <g id="分组" transform="translate(132.000000, 48.000000)">
              <g
                id="icon-submission"
                transform="translate(404.000000, 0.000000)"
              >
                <g id="submission" transform="translate(24.000000, 22.000000)">
                  <path
                    d="M22.2495117,36 C19.0494249,36 12.2995877,36 2,36 C0.8954305,36 0,35.1045695 0,34 L0,2 C0,0.8954305 0.8954305,0 2,0 L28,0 C29.1045695,0 30,0.8954305 30,2 L30,9"
                    id="路径"
                  ></path>
                  <path d="M6,8 L24,8" id="直线-2"></path>
                  <path d="M6,14 L20,14" id="直线-2-copy"></path>
                  <path d="M6,20 L14,20" id="直线-2-copy-2"></path>
                  <polyline
                    id="路径-4"
                    points="23 19.8060656 28.8060656 14 34.6121312 19.8060656"
                  ></polyline>
                  <path d="M28.5384875,16 L28.5384875,36" id="直线-4"></path>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconPhoneCard = ({
  width = '10px',
  height = '20px',
  stroke = 'red'
}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 34 38">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="号卡-资费说明"
          transform="translate(-257.000000, -199.000000)"
          fillRule="nonzero"
          stroke={stroke}
          strokeWidth="2"
        >
          <g id="group-timeline" transform="translate(0.000000, 130.000000)">
            <g id="group-icons" transform="translate(36.000000, 48.000000)">
              <g id="icon-number" transform="translate(198.000000, 0.000000)">
                <g id="number" transform="translate(-0.000000, 0.000000)">
                  <g id="分组-3" transform="translate(24.000000, 22.000000)">
                    <path
                      d="M32,16 L32,34 C32,35.1045695 31.1045695,36 30,36 L2,36 C0.8954305,36 0,35.1045695 0,34 L4.54747351e-13,8.2734375 L9.52790179,-2.48689958e-14 L30,-2.48689958e-14 C31.1045695,-2.48689958e-14 32,0.8954305 32,2 L32,9"
                      id="路径"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    ></path>
                    <rect id="矩形" x="7" y="21" width="18" height="10"></rect>
                    <path
                      d="M11,21 L11,27.5732422"
                      id="直线-3"
                      strokeLinecap="square"
                    ></path>
                    <path
                      d="M15,21 L15,27.5732422"
                      id="直线-3-copy"
                      strokeLinecap="square"
                    ></path>
                    <path
                      d="M19,21 L19,27.5732422"
                      id="直线-3-copy-2"
                      strokeLinecap="square"
                    ></path>
                  </g>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconHandlingStatus = ({
  width = '10px',
  height = '20px',
  stroke = 'red'
}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 33 38">
      <g
        id="话费购-app端"
        stroke={stroke}
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="直充式-提交信息2"
          transform="translate(-537.000000, -201.000000)"
          fillRule="nonzero"
        >
          <g id="submission" transform="translate(538.000000, 202.000000)">
            <path
              d="M25.5874023,36 C22.3873155,36 14.5248481,36 2,36 C0.8954305,36 0,35.1045695 0,34 L0,2 C0,0.8954305 0.8954305,0 2,0 L28,0 C29.1045695,0 30,0.8954305 30,2 L30,11.0610352"
              id="路径"
              stroke="#8C8C8C"
              strokeWidth="2"
              strokeLinecap="round"
              strokeLinejoin="round"
            ></path>
            <path
              d="M29.970679,15 C28.8634259,15 27.9645062,15.9173228 27.9645062,17.0472441 C27.9645062,17.4251969 28.0648148,17.7795276 28.2384259,18.0787402 L22.5478395,26.2480315 C22.4205247,26.2204724 22.2893519,26.2086614 22.158179,26.2086614 C21.7569444,26.2086614 21.378858,26.3307087 21.066358,26.5393701 L17.0887346,23.9291339 C17.0887346,23.9133858 17.0887346,23.8937008 17.0887346,23.8779528 C17.0887346,22.7480315 16.1898148,21.8307087 15.0825617,21.8307087 C13.9753086,21.8307087 13.0763889,22.7480315 13.0763889,23.8779528 C13.0763889,24.1968504 13.1458333,24.5 13.2770062,24.7716535 L9.32638889,30.9055118 C9.22222222,30.8897638 9.11419753,30.8779528 9.00617284,30.8779528 C7.89891975,30.8779528 7,31.7952756 7,32.9251969 C7,34.0551181 7.89891975,34.9724409 9.00617284,34.9724409 C10.1134259,34.9724409 11.0123457,34.0551181 11.0123457,32.9251969 C11.0123457,32.519685 10.8966049,32.1456693 10.6998457,31.8267717 L14.5578704,25.8464567 C14.7276235,25.8937008 14.9050926,25.9173228 15.0902778,25.9173228 C15.5763889,25.9173228 16.0239198,25.7401575 16.371142,25.4448819 L20.1828704,27.9448819 C20.1674383,28.0433071 20.1597222,28.1456693 20.1597222,28.2480315 C20.1597222,29.3779528 21.058642,30.2952756 22.1658951,30.2952756 C23.2731481,30.2952756 24.1720679,29.3779528 24.1720679,28.2480315 C24.1720679,27.8700787 24.0717593,27.515748 23.8981481,27.2165354 L29.5925926,19.0472441 C29.7199074,19.0748031 29.8510802,19.0866142 29.9822531,19.0866142 C31.0895062,19.0866142 31.9884259,18.1692913 31.9884259,17.0393701 C31.9884259,15.9094488 31.0779321,15 29.970679,15 Z"
              id="路径"
              fill="#8C8C8C"
            ></path>
            <path
              d="M6,8 L24,8"
              id="直线-2"
              stroke="#8C8C8C"
              strokeWidth="2"
              strokeLinecap="round"
              strokeLinejoin="round"
            ></path>
            <path
              d="M6,14 L18,14"
              id="直线-2-copy"
              stroke="#8C8C8C"
              strokeWidth="2"
              strokeLinecap="round"
              strokeLinejoin="round"
            ></path>
            <path
              d="M6,20 L10,20"
              id="直线-2-copy-2"
              stroke="#8C8C8C"
              strokeWidth="2"
              strokeLinecap="round"
              strokeLinejoin="round"
            ></path>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconAuthentication = ({
  width = '10px',
  height = '20px',
  stroke = 'red'
}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 34 40">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        strokeLinecap="round"
        strokeLinejoin="round"
      >
        <g
          id="号卡-资费说明"
          transform="translate(-457.000000, -198.000000)"
          fillRule="nonzero"
          stroke={stroke}
          strokeWidth="2"
        >
          <g id="group-timeline" transform="translate(0.000000, 130.000000)">
            <g id="group-icons" transform="translate(36.000000, 48.000000)">
              <g
                id="icon-authentication"
                transform="translate(398.000000, 0.000000)"
              >
                <g id="group-agreement">
                  <g id="分组-2" transform="translate(24.000000, 21.000000)">
                    <path
                      d="M32,20 C32,20.6857582 32,21.0673822 32,22 C32,25.4400035 30.3886828,28.6005049 27.1660483,31.4815041 C24.5256829,33.8419613 20.8036668,36.0147932 16,38 C5.33333333,33.5917969 -3.58824082e-13,28.2584635 -3.58824082e-13,22 C-3.58824082e-13,15.7415365 -3.58824082e-13,10.4082031 -3.58824082e-13,6 C3.45948415,5.38197631 6.49066962,4.62072015 9.0935564,3.71623151 C12.1061756,2.66936313 14.5450422,1.43061929 16.4101563,5.54223334e-13 C19.2070312,2.66666667 24.4036458,4.66666667 32,6 C32,9.72250417 32,12.0558375 32,13"
                      id="路径"
                    ></path>
                    <polyline
                      id="路径-5"
                      points="8 20.3726357 13.4773262 26 26 12"
                    ></polyline>
                  </g>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconSuccess = ({
  width = '10px',
  height = '20px',
  stroke = 'red'
}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 85 84">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        strokeLinecap="round"
      >
        <g
          id="套餐-提交成功"
          transform="translate(-333.000000, -177.000000)"
          stroke={stroke}
          strokeWidth="4"
        >
          <g id="group" transform="translate(0.000000, 129.000000)">
            <g id="group1" transform="translate(123.000000, 48.000000)">
              <g id="icon-success" transform="translate(210.000000, 0.000000)">
                <path
                  d="M64.3086005,8.39347319 C58.0575812,4.34842226 50.606265,2 42.6064453,2 C20.5150553,2 2.60644531,19.90861 2.60644531,42 C2.60644531,64.09139 20.5150553,82 42.6064453,82 C64.6978353,82 82.6064453,64.09139 82.6064453,42 C82.6064453,33.5221091 79.9689515,25.6602379 75.469734,19.1901563"
                  id="路径"
                ></path>
                <polyline
                  id="路径-2"
                  strokeLinejoin="round"
                  fillRule="nonzero"
                  points="24.8019802 44.6358292 37.4249691 57.2588181 65.3372525 29.3465347"
                ></polyline>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconFail = ({
  width = '10px',
  height = '20px',
  stroke = 'red'
}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 84 84">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        strokeLinecap="round"
      >
        <g
          id="套餐-提交失败"
          transform="translate(-334.000000, -177.000000)"
          stroke={stroke}
          strokeWidth="4"
        >
          <g id="group" transform="translate(0.000000, 129.000000)">
            <g id="group1" transform="translate(194.000000, 48.000000)">
              <g id="icon-fail" transform="translate(139.000000, 0.000000)">
                <path
                  d="M64.7021552,8.39347319 C58.4511359,4.34842226 50.9998197,2 43,2 C20.90861,2 3,19.90861 3,42 C3,64.09139 20.90861,82 43,82 C65.09139,82 83,64.09139 83,42 C83,33.5221091 80.3625062,25.6602379 75.8632887,19.1901563"
                  id="路径"
                ></path>
                <path
                  d="M29,56.2842712 L57.2842712,28"
                  id="路径-2"
                  strokeLinejoin="round"
                  fillRule="nonzero"
                ></path>
                <path
                  d="M29,56.2842712 L57.2842712,28"
                  id="路径-2"
                  strokeLinejoin="round"
                  fillRule="nonzero"
                  transform="translate(43.142136, 42.142136) scale(-1, 1) translate(-43.142136, -42.142136) "
                ></path>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconWarn = ({
  width = '10px',
  height = '20px',
  stroke = 'red'
}) => {
  return (
    <svg width=".85rem" height="" viewBox="0 0 85 84">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        strokeLinecap="round"
      >
        <g
          id="补充状态"
          transform="translate(-1166.000000, -2600.000000)"
          stroke="#FFB624"
          strokeWidth="4"
        >
          <g
            id="最低高度弹窗-copy-4"
            transform="translate(893.000000, 2516.000000)"
          >
            <g id="icon-success" transform="translate(273.000000, 84.000000)">
              <path
                d="M64.3086005,8.39347319 C58.0575812,4.34842226 50.606265,2 42.6064453,2 C20.5150553,2 2.60644531,19.90861 2.60644531,42 C2.60644531,64.09139 20.5150553,82 42.6064453,82 C64.6978353,82 82.6064453,64.09139 82.6064453,42 C82.6064453,33.5221091 79.9689515,25.6602379 75.469734,19.1901563"
                id="路径"
              ></path>
              <path
                d="M43.5,51 L43.5,21"
                id="路径-2"
                strokeLinejoin="round"
                fillRule="nonzero"
              ></path>
              <path
                d="M43.5,64 L43.5,63"
                id="路径-2"
                strokeLinejoin="round"
                fillRule="nonzero"
              ></path>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconAdd = (
  width = `${76 / 7.5}vw`,
  height = `${76 / 7.5}vw`,
  stroke = 'red'
) => {
  return (
    <svg width={width} height={height} viewBox="0 0 76 76">
      <defs>
        <linearGradient
          x1="0%"
          y1="0%"
          x2="100%"
          y2="100%"
          id="linearGradient-1"
        >
          <stop stopColor="#F2140C" offset="0%"></stop>
          <stop stopColor="#F2270C" offset="69.839501%"></stop>
          <stop stopColor="#F24D0C" offset="100%"></stop>
        </linearGradient>
      </defs>
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="号卡-需要线上实名认证"
          transform="translate(-337.000000, -936.000000)"
        >
          <g id="身份证正面" transform="translate(36.000000, 788.000000)">
            <g
              id="Group-14-Copy-2"
              transform="translate(231.000000, 148.000000)"
            >
              <g id="group-add-positive">
                <g id="icon-add" transform="translate(70.000000, 0.000000)">
                  <circle
                    id="Oval-15"
                    fill="url(#linearGradient-1)"
                    cx="38"
                    cy="38"
                    r="38"
                  ></circle>
                  <polygon
                    id="直线"
                    fill="#FFFFFF"
                    fillRule="nonzero"
                    points="17 39 17 37 59 37 59 39"
                  ></polygon>
                  <polygon
                    id="直线"
                    fill="#FFFFFF"
                    fillRule="nonzero"
                    transform="translate(38.000000, 38.000000) rotate(-270.000000) translate(-38.000000, -38.000000) "
                    points="17 39 17 37 59 37 59 39"
                  ></polygon>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconArrow = ({
  width = '10px',
  height = '4px',
  stroke = 'red',
  customStyle = {}
}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 10 4" style={customStyle}>
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="套餐-资费说明"
          transform="translate(-704.000000, -974.000000)"
          fill="#262626"
        >
          <g id="group" transform="translate(0.000000, 364.000000)">
            <g transform="translate(36.000000, 203.000000)" id="分组-2">
              <g transform="translate(0.000000, 323.000000)">
                <g id="分组" transform="translate(620.000000, 76.000000)">
                  <path
                    d="M52.390507,14.6303051 C52.1814389,14.9872951 51.7234803,15.1062918 51.3680646,14.8962977 C51.0126488,14.6863036 50.8941769,14.2268164 51.103245,13.8698264 C51.8588767,12.5798626 52.6140107,11.2898987 53.3696424,9.99993481 C52.6140107,8.71047093 51.8588767,7.42050706 51.103245,6.13054319 C50.8941769,5.77355318 51.0126488,5.31356607 51.3680646,5.10357195 C51.7234803,4.89357783 52.1814389,5.01307448 52.390507,5.37006448 C53.2203081,6.78652481 54.0496114,8.20348513 54.8794125,9.61994546 C55.0401958,9.89443777 55.0401958,10.1059318 54.8794125,10.3804242 C54.0496114,11.7968845 53.2203081,13.2138448 52.390507,14.6303051"
                    id="Fill-5"
                    transform="translate(53.000000, 10.000000) rotate(-270.000000) translate(-53.000000, -10.000000) "
                  ></path>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconRenewal = ({
  width = '10px',
  height = '20px',
  stroke = 'red',
  customStyle = {}
}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 29 25">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="号卡-选择号码2"
          transform="translate(-317.000000, -1110.000000)"
          fillRule="nonzero"
        >
          <g id="group-choice" transform="translate(0.000000, 510.000000)">
            <g id="group-change" transform="translate(317.000000, 601.000000)">
              <g id="icon-change">
                <path
                  d="M3.04812147,12.0044642 C3.260053,17.8930256 8.10058218,22.6017181 14.0408854,22.6017181 C17.1828223,22.6017181 20.017092,21.2844384 22.0215431,19.1720303 C22.9592796,18.1837887 23.7154002,17.0215236 24.236442,15.7386978 M25.3284668,10.5118445 C25.07306,4.66322754 20.2506599,0 14.3391046,0 C11.2222964,0 8.40825371,1.29629325 6.40669965,3.37915661 C5.35599161,4.47254766 4.52917978,5.7826926 4,7.23585561"
                  id="形状"
                  stroke="#F2270C"
                  strokeWidth="2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                ></path>
                <polygon
                  id="路径-17"
                  fill="#F2270C"
                  points="1.96261557e-17 14.9074707 2.82842712 10 6.89616098 13.9682617"
                ></polygon>
                <polygon
                  id="路径-17-copy"
                  fill="#F2270C"
                  transform="translate(24.967017, 10.453735) rotate(-180.000000) translate(-24.967017, -10.453735) "
                  points="21.5189361 12.9074707 24.3473632 8 28.415097 11.9682617"
                ></polygon>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IDPlaceholderPre = (
  customStyle = {
    margin: '0 auto'
  },
  width = '678px',
  height = '402px'
) => {
  return (
    <svg
      width={width}
      height={height}
      style={customStyle}
      viewBox="0 0 678 402"
    >
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="号卡-需要线上实名认证"
          transform="translate(-36.000000, -788.000000)"
        >
          <g id="身份证正面" transform="translate(36.000000, 788.000000)">
            <g id="Group-Copy-3">
              <path
                d="M24,0 L654,0 C667.254834,-2.4348735e-15 678,10.745166 678,24 L678,378 C678,391.254834 667.254834,402 654,402 L24,402 C10.745166,402 1.623249e-15,391.254834 0,378 L0,24 C-1.623249e-15,10.745166 10.745166,2.4348735e-15 24,0 Z"
                id="Rectangle"
                fill="#FFFFFF"
              ></path>
              <polygon
                id="Rectangle-3-Copy"
                fill="#F6F7FA"
                points="162 72 232 72 232 92 162 92"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-7"
                fill="#F6F7FA"
                points="62 72 142 72 142 92 62 92"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-2"
                fill="#F6F7FA"
                points="162 128 306 128 306 148 162 148"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-8"
                fill="#F6F7FA"
                points="62 128 142 128 142 148 62 148"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-3"
                fill="#F6F7FA"
                points="164 184 308 184 308 204 164 204"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-9"
                fill="#F6F7FA"
                points="64 184 144 184 144 204 64 204"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-4"
                fill="#F6F7FA"
                points="164 240 308 240 308 260 164 260"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-10"
                fill="#F6F7FA"
                points="64 240 144 240 144 260 64 260"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-5"
                fill="#F6F7FA"
                points="164 334 616 334 616 354 164 354"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-5"
                fill="#F6F7FA"
                points="62 334 142 334 142 354 62 354"
              ></polygon>
              <g
                id="头像-(1)"
                transform="translate(416.568194, 60.811952)"
                fillRule="nonzero"
              >
                <path
                  d="M193.131688,200.509467 C187.294884,194.882481 181.025724,184.731838 149.896104,179.987515 C118.766484,175.243193 124.603288,159.244897 124.38711,157.920901 C124.170932,156.596904 125.468,145.011931 125.468,145.011931 C132.023918,138.982707 137.033803,131.40656 140.060009,122.945315 C147.518147,118.200993 150.328461,117.538995 151.517439,111.912008 C151.517439,111.912008 154.003485,91.0590567 146.112991,91.0590567 C146.112991,91.0590567 142.762233,91.0590567 143.843123,86.7560668 C144.648996,78.2434689 144.648996,69.6713909 143.843123,61.158793 C143.843123,55.7524724 144.815923,40.1955088 133.682761,38.0991804 C126.008445,36.6648506 125.143733,38.8715119 121.468708,38.0991804 C117.793684,37.326849 113.362036,27.7278711 106.444343,27.7278711 L92.0685119,30.0448657 C85.1508187,30.0448657 86.2317081,32.2515273 82.4485945,32.6928595 C78.8023232,32.8929588 75.1830132,33.4471268 71.6396988,34.3478557 C60.830803,36.5545173 56.6153337,51.1184833 55.9667996,56.4144709 C55.3182655,61.7104585 55.3182658,77.0467559 55.9667996,85.2114036 C57.0476891,90.066059 53.3726646,90.066059 53.3726646,90.066059 C46.6711491,90.066059 49.6976401,110.91901 49.6976401,110.91901 C50.6704407,116.104665 49.6976401,118.752659 59.3175575,122.834982 C62.5405531,131.398099 68.4259107,138.645915 76.0713458,143.467268 C76.0713458,143.467268 76.7198796,152.293914 76.8279688,158.582899 C75.8551681,158.582899 80.0706375,174.581195 49.3733732,179.215184 C18.676109,183.849173 13.3797501,194.882481 7.54294638,200.509467 C1.70614263,206.136454 1.70614263,232.285393 1.70614263,232.285393 L200.15747,232.285393 C200.15747,232.285393 198.860403,206.136454 193.131688,200.509467 L193.131688,200.509467 Z"
                  id="Shape"
                  fill="#F6F7FA"
                ></path>
                <path
                  d="M2.70614263,1.24999502 L2.70614263,231.285393 L199.15747,231.285393 L199.15747,1.24999502 L2.70614263,1.24999502 Z"
                  id="矩形"
                  stroke="#F6F7FA"
                  strokeWidth="2"
                ></path>
              </g>
            </g>
            <rect
              id="矩形"
              fill="#FFFFFF"
              fillRule="nonzero"
              opacity="0.400000006"
              x="208"
              y="104"
              width="270"
              height="226"
            ></rect>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IDPlaceholderBg = (
  customStyle = {
    margin: '0 auto'
  },
  width = '678px',
  height = '402px'
) => {
  return (
    <svg
      width={width}
      height={height}
      style={customStyle}
      viewBox="0 0 678 402"
    >
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="号卡-需要线上实名认证"
          transform="translate(-36.000000, -1482.000000)"
        >
          <g id="身份证背面" transform="translate(36.000000, 1482.000000)">
            <g id="card-back">
              <rect
                id="Rectangle"
                fill="#FFFFFF"
                x="0"
                y="0"
                width="678"
                height="402"
                rx="24"
              ></rect>
              <polygon
                id="Rectangle-3-Copy-2"
                fill="#F6F7FA"
                points="314 46 565.235294 46 565.235294 76.4966249 314 76.4966249"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-3"
                fill="#F6F7FA"
                points="258 104 630.735294 104 630.735294 144.662167 258 144.662167"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-5"
                fill="#F6F7FA"
                points="188 289 268 289 268 309 188 309"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-11"
                fill="#F6F7FA"
                points="288 289 458 289 458 309 288 309"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-6"
                fill="#F6F7FA"
                points="188 334 268 334 268 354 188 354"
              ></polygon>
              <polygon
                id="Rectangle-3-Copy-12"
                fill="#F6F7FA"
                points="288 334 516 334 516 354 288 354"
              ></polygon>
              <g
                id="国徽"
                transform="translate(81.200937, 53.545389)"
                fillRule="nonzero"
              >
                <path
                  d="M80.5599215,127.972175 L75.1891618,124.337543 C74.6644226,123.981821 74.0470067,123.791376 73.4150726,123.790317 L27.9983868,123.790317 C27.3664527,123.791376 26.7490368,123.981821 26.2242975,124.337543 L20.8535379,127.972175 L2.91964672,127.972175 C1.81507722,127.972175 0.919646721,127.076744 0.919646721,125.972175 C0.919646721,125.921811 0.921549053,125.871466 0.92534965,125.821247 L3.29322665,94.5331016 C3.37216364,93.4900608 4.24150028,92.6840293 5.28752372,92.6840293 L18.8216143,92.6840293 L18.8216143,92.6840293 C27.2781541,101.227234 38.747814,106.026775 50.7073211,106.026775 C62.6668282,106.026775 74.136488,101.227234 82.5930278,92.6840293 L96.0242557,92.6840293 C97.0683061,92.6840293 97.9367002,93.4871178 98.018159,94.5279856 L100.466783,125.816131 C100.552963,126.917333 99.7301257,127.879897 98.6289234,127.966078 C98.577008,127.970141 98.5249537,127.972175 98.4728796,127.972175 L80.5599215,127.972175 L80.5599215,127.972175 Z"
                  id="Path"
                  fill="#F6F7FA"
                ></path>
                <path
                  d="M11.2922193,10.3482893 C30.0973013,-8.48036443 59.5672458,-11.3866583 81.6796872,3.40871008 C103.789909,18.2025932 112.385268,46.5736823 102.212571,71.1738557 C92.038298,95.777843 65.922503,109.760303 39.8361434,104.566061 C13.7520249,99.372266 -5.03368953,76.4524415 -5.03667592,49.8415059 C-5.07834054,35.0221872 0.80112816,20.8015279 11.2922096,10.348299 Z"
                  id="Path"
                  stroke="#F6F7FA"
                  strokeWidth="12"
                ></path>
                <path
                  d="M42.5346026,34.9944341 L50.0822488,29.4710694 L57.6298951,34.9944341 L54.9680802,25.7404969 L62.2946382,19.8995388 L53.1008695,19.7016182 L50.0822488,10.5696553 L47.0636281,19.7016182 L37.8698594,19.8995388 L45.1964175,25.7404969 L42.5346026,34.9944341 L42.5346026,34.9944341 Z M58.8687277,50.6443616 L60.1857068,56.3661155 L62.6431854,51.0480918 L68.4008329,51.5437828 L64.1873821,47.5244245 L66.4286732,42.1077113 L61.3659142,44.9427943 L56.9936318,41.1006288 L58.0811874,46.8717274 L53.1353462,49.9109185 L58.8687277,50.6443616 L58.8687277,50.6443616 Z M37.5213122,51.0480918 L39.9787909,56.3661155 L41.29577,50.6443616 L47.0291515,49.9109185 L42.0855163,46.8717274 L43.1708659,41.1006288 L38.7985834,44.9427943 L33.7358245,42.1077113 L35.9771156,47.5244245 L31.7636648,51.5437828 L37.5213122,51.0480918 L37.5213122,51.0480918 Z M74.1556267,32.6010626 L76.4228,38.0475314 L77.9291178,32.3297565 L83.6663196,31.796188 L78.8439036,28.5563416 L80.123724,22.7820447 L75.6355565,26.4966766 L70.6899962,23.4603098 L72.7372691,28.9949531 L68.4008329,32.8949775 L74.1556267,32.6010626 L74.1556267,32.6010626 Z M25.2884772,32.3297565 L26.794795,38.0475314 L29.0619683,32.6010626 L34.8167621,32.8949775 L30.4803259,28.9949531 L32.5275988,23.4603098 L27.5820385,26.4944157 L23.093871,22.7820447 L24.3736915,28.5563416 L19.5512754,31.796188 L25.2884772,32.3297565 L25.2884772,32.3297565 Z M74.4711088,62.4723102 L28.7464862,62.4723102 C25.3542906,62.4723102 22.6043727,65.2061467 22.6043727,68.5785049 C22.6043727,71.9508631 25.3542906,74.6846995 28.7464862,74.6846995 L74.4711088,74.6846995 C77.8633044,74.6846995 80.6132223,71.9508631 80.6132223,68.5785049 C80.6132223,65.2061467 77.8633044,62.4723102 74.4711088,62.4723102 Z"
                  id="Shape"
                  fill="#F6F7FA"
                ></path>
                <path
                  d="M5.02659429,73.2743363 L96.6195146,73.2743363"
                  id="直线-3"
                  stroke="#F6F7FA"
                  strokeWidth="4"
                  strokeLinecap="square"
                ></path>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IDPlaceholderAvatar = (
  customStyle = {
    margin: '0 auto'
  },
  width = '678px',
  height = '402px'
) => {
  return (
    <svg
      width={width}
      height={height}
      style={customStyle}
      viewBox="0 0 678 402"
    >
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="号卡-需要线上实名认证"
          transform="translate(-36.000000, -1908.000000)"
        >
          <g id="免冠照片" transform="translate(36.000000, 1908.000000)">
            <g id="Group-Copy-2">
              <rect
                id="Rectangle"
                fill="#FFFFFF"
                x="0"
                y="0"
                width="678"
                height="402"
                rx="8"
              ></rect>
              <path
                d="M490.396788,328.148957 C481.237315,319.285868 471.399362,303.297551 422.54884,295.824751 C373.698318,288.351951 382.857791,263.152973 382.518551,261.067541 C382.179311,258.982109 384.214749,240.734573 384.21475,240.734573 C394.502701,231.23792 402.364522,219.304702 407.113432,205.977363 C418.817203,198.504563 423.22732,197.461846 425.093138,188.598758 C425.093138,188.598758 428.994395,155.753194 416.612145,155.753194 C416.612145,155.753194 411.353929,155.753194 413.050127,148.975538 C414.314753,135.567312 414.314753,122.065399 413.050127,108.657174 C413.050127,100.141657 414.576706,75.637824 397.10586,72.3358892 C385.062849,70.0766707 383.70589,73.5523914 377.938815,72.3358892 C372.171739,71.119387 365.217324,56 354.361653,56 L331.802211,59.6495071 C320.946539,59.6495071 322.642738,63.1252283 316.706042,63.8203723 C310.984088,64.1355495 305.304443,65.0084216 299.744055,66.4271631 C282.782069,69.9028843 276.166894,92.8426431 275.149174,101.184374 C274.131454,109.526104 274.131455,133.682365 275.149174,146.542533 C276.845373,154.18912 271.078297,154.18912 271.078297,154.18912 C260.561865,154.18912 265.311222,187.034683 265.311222,187.034683 C266.837801,195.202628 265.311222,199.373493 280.40739,205.803577 C285.465114,219.291375 294.700781,230.707437 306.69847,238.301568 C306.69847,238.301568 307.716189,252.204453 307.885809,262.110258 C306.35923,262.110258 312.974405,287.309235 264.802362,294.608249 C216.630319,301.907263 208.318946,319.285868 199.159473,328.148957 C190,337.012046 190,378.19934 190,378.19934 L501.422079,378.19934 C501.422079,378.19934 499.386641,337.012046 490.396788,328.148957 L490.396788,328.148957 Z"
                id="Shape"
                fill="#F6F7FA"
                fillRule="nonzero"
              ></path>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IDPlaceholderPre2 = (
  customStyle: any = {
    margin: '0 auto'
  }
  // width = `${329 / 7.5}vw`,
  // height = `${195 / 7.5}vw`
) => {
  return (
    <svg
      // width={width}
      // height={height}
      style={{
        width: `${329 / 7.5}vw`,
        height: `${195 / 7.5}vw`,
        ...customStyle
      }}
      viewBox="0 0 329 195"
    >
      <title>身份证正面备份</title>
      <defs>
        <linearGradient
          x1="50%"
          y1="22.74629%"
          x2="50%"
          y2="136.041314%"
          id="linearGradient-1"
        >
          <stop stopColor="#F7D4BF" offset="0%"></stop>
          <stop stopColor="#FEE4D5" offset="100%"></stop>
        </linearGradient>
        <linearGradient
          x1="118.215061%"
          y1="32.8068642%"
          x2="-9.49808372%"
          y2="46.3168983%"
          id="linearGradient-2"
        >
          <stop stopColor="#616161" offset="0%"></stop>
          <stop stopColor="#363636" offset="61.0707623%"></stop>
          <stop stopColor="#585858" offset="100%"></stop>
        </linearGradient>
      </defs>
      <g
        id="合约机优化"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="普通合约机-实名认证"
          transform="translate(-36.000000, -1114.000000)"
        >
          <g id="身份证正面备份" transform="translate(36.000000, 1114.000000)">
            <g id="card">
              <path
                d="M33.92612,17.30812 L294.30724,17.30812 C296.96342,17.30812 299.11668,19.4613796 299.11668,22.11756 L299.11668,172.49868 C299.11668,175.15486 296.96342,177.30812 294.30724,177.30812 L33.92612,177.30812 C31.2699396,177.30812 29.11668,175.15486 29.11668,172.49868 L29.11668,22.11756 C29.11668,19.4613796 31.2699396,17.30812 33.92612,17.30812 Z"
                id="Rectangle"
                fill="#F8FAFF"
              ></path>
              <path
                d="M321.24924,6.98412 L321.24924,187.63212 L6.98412,187.63212 L6.98412,6.98412 L321.24924,6.98412 Z"
                id="Rectangle"
                stroke="#E9EFFF"
                strokeWidth="13.96824"
                fill="#F8FAFF"
              ></path>
              <g
                id="条纹"
                transform="translate(42.015440, 35.856640)"
                fill="#DCE1E9"
              >
                <g id="编组-13" transform="translate(0.984560, 0.143360)">
                  <polygon
                    id="Rectangle"
                    points="43.5708 0 74.07036 0 74.07036 8.71416 43.5708 8.71416"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="2.84217094e-13 0 34.85664 0 34.85664 8.71416 2.84217094e-13 8.71416"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="43.5708 24.399648 106.312752 24.399648 106.312752 33.113808 43.5708 33.113808"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="2.84217094e-13 24.399648 34.85664 24.399648 34.85664 33.113808 2.84217094e-13 33.113808"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="44.442216 48.799296 107.184168 48.799296 107.184168 57.513456 44.442216 57.513456"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="0.871416 48.799296 35.728056 48.799296 35.728056 57.513456 0.871416 57.513456"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="44.442216 73.198944 107.184168 73.198944 107.184168 81.913104 44.442216 81.913104"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="0.871416 73.198944 35.728056 73.198944 35.728056 81.913104 0.871416 81.913104"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="44.442216 114.155496 241.382232 114.155496 241.382232 122.869656 44.442216 122.869656"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="2.84217094e-13 114.155496 34.85664 114.155496 34.85664 122.869656 2.84217094e-13 122.869656"
                  ></polygon>
                </g>
              </g>
              <g id="编组-2备份" transform="translate(199.000000, 41.000000)">
                <ellipse
                  id="椭圆形"
                  fill="#F7D4BF"
                  cx="19.656"
                  cy="39.5631487"
                  rx="6.552"
                  ry="8.19"
                ></ellipse>
                <path
                  d="M88.452,97.7967161 C88.452,92.3854993 85.2969921,82.9767886 77.3368702,79.9543178 C69.3277989,76.9132608 56.4761075,77.2480499 44.226,77.2480499 C32.6532396,77.2480499 19.3795005,77.2248476 11.4972664,79.9543178 C2.74334084,82.9856385 0,92.0844561 0,97.7967161 C0,97.7967161 88.452,97.7967161 88.452,97.7967161 Z"
                  id="椭圆形"
                  fill="#BFCFF6"
                ></path>
                <path
                  d="M39.312,67.4091487 L49.14,67.4091487 C49.14,70.6936173 49.14,73.0891273 49.14,74.595679 C49.14,76.1022306 51.8450728,76.9827205 57.2552183,77.2371487 L31.4809258,77.2371487 C36.7016419,76.9488786 39.312,76.0683886 39.312,74.595679 C39.312,73.1229693 39.312,70.7274592 39.312,67.4091487 Z"
                  id="矩形"
                  fill="url(#linearGradient-1)"
                ></path>
                <path
                  d="M44.226,84.9788536 C54.7012281,84.9788536 57.2552183,77.0052989 57.2552183,77.3430728 C57.2552183,77.2371487 52.289356,77.2371487 44.1475742,77.2371487 C36.0057924,77.2371487 31.4809258,77.3430728 31.4809258,77.3430728 C31.4809258,78.4357203 33.7507719,84.9788536 44.226,84.9788536 Z"
                  id="椭圆形"
                  fill="#FCDFCD"
                ></path>
                <ellipse
                  id="椭圆形备份"
                  fill="#F7D4BF"
                  cx="68.796"
                  cy="39.5631487"
                  rx="6.552"
                  ry="8.19"
                ></ellipse>
                <path
                  d="M44.226,70.6851487 C54.0944262,70.6851487 68.796,56.7513546 68.796,39.5631487 C68.796,22.3749427 57.7956363,8.44114867 44.226,8.44114867 C30.6563637,8.44114867 19.656,22.3749427 19.656,39.5631487 C19.656,56.7513546 34.3575738,70.6851487 44.226,70.6851487 Z"
                  id="椭圆形"
                  fill="#FEE4D5"
                ></path>
                <path
                  d="M34.5256996,3.07983397 C19.3809733,5.71867179 12.7198835,16.1366381 14.54243,34.333733 C17.2928072,34.7542337 18.0123389,34.7529396 19.656,41.2011487 C23.1440907,44.084337 16.1159353,23.8995063 43.8463259,21.4595798 C48.8535514,31.3731487 66.1528412,26.297355 68.7006777,37.6786312 C68.7006777,41.5883969 68.0912531,43.1708016 71.7402246,41.0236784 C74.1728723,39.5922629 75.3754641,39.3798419 75.348,40.3864155 C76.1296082,26.4546517 74.9270164,17.216042 71.7402246,12.6705864 C65.7665527,4.15008584 56.7127806,4.26325641e-14 41.7134726,4.26325641e-14 C37.8068067,0.247351947 35.4108824,1.27396327 34.5256996,3.07983397 Z"
                  id="路径"
                  fill="url(#linearGradient-2)"
                ></path>
              </g>
            </g>
            <polygon
              id="Rectangle"
              fill="#F8FAFF"
              opacity="0.462123326"
              points="14.23336 14 314.23336 14 314.23336 181 14.23336 181"
            ></polygon>
            <path
              d="M303,3 L326,3 L326,27 M326,168 L326,192 L303,192 M26,192 L3,192 L3,168 M3,27 L3,3 L26,3"
              id="形状"
              stroke="#C0D2FF"
              strokeWidth="6"
            ></path>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IDPlaceholderBg2 = (
  customStyle: any = {
    margin: '0 auto'
  }
  // width = `${329 / 7.5}vw`,
  // height = `${195 / 7.5}vw`
) => {
  return (
    <svg
      // width={width}
      // height={height}
      style={{
        width: `${329 / 7.5}vw`,
        height: `${195 / 7.5}vw`,
        ...customStyle
      }}
      viewBox="0 0 329 195"
    >
      <g
        id="合约机优化"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="普通合约机-实名认证"
          transform="translate(-385.000000, -1114.000000)"
        >
          <g id="身份证背面备份" transform="translate(385.000000, 1114.000000)">
            <g id="身份证正面备份-2">
              <g id="card" fill="#F8FAFF">
                <path
                  d="M33.92612,17.30812 L294.30724,17.30812 C296.96342,17.30812 299.11668,19.4613796 299.11668,22.11756 L299.11668,172.49868 C299.11668,175.15486 296.96342,177.30812 294.30724,177.30812 L33.92612,177.30812 C31.2699396,177.30812 29.11668,175.15486 29.11668,172.49868 L29.11668,22.11756 C29.11668,19.4613796 31.2699396,17.30812 33.92612,17.30812 Z"
                  id="Rectangle"
                ></path>
                <path
                  d="M322.01588,6.98412 L322.01588,187.63212 L6.98412,187.63212 L6.98412,6.98412 L322.01588,6.98412 Z"
                  id="Rectangle"
                  stroke="#E9EFFF"
                  strokeWidth="13.96824"
                ></path>
              </g>
              <g id="编组-14" transform="translate(45.000000, 35.000000)">
                <g
                  id="线条"
                  transform="translate(46.533206, -0.000000)"
                  fill="#DCE1E9"
                >
                  <polygon
                    id="Rectangle"
                    points="54.899208 5.32907052e-14 164.364436 5.32907052e-14 164.364436 13.2876234 54.899208 13.2876234"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="30.49956 25.271064 192.90331 25.271064 192.90331 38.271064 30.49956 38.271064"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="0 105.877044 34.85664 105.877044 34.85664 114.591204 0 114.591204"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="43.5708 105.877044 117.64116 105.877044 117.64116 114.591204 43.5708 114.591204"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="0 125.483904 34.85664 125.483904 34.85664 134.198064 0 134.198064"
                  ></polygon>
                  <polygon
                    id="Rectangle"
                    points="43.5708 125.483904 142.912224 125.483904 142.912224 134.198064 43.5708 134.198064"
                  ></polygon>
                </g>
                <g
                  id="国徽"
                  opacity="0.57749721"
                  transform="translate(0.000000, 3.287586)"
                  fillRule="nonzero"
                >
                  <path
                    d="M35.1006023,55.7585002 L32.7605193,54.1748622 C32.5318863,54.0198711 32.2628732,53.9368928 31.9875344,53.9364315 L12.1991211,53.9364315 C11.9237824,53.9368928 11.6547693,54.0198711 11.4261362,54.1748622 L9.0860533,55.7585002 L1.27211343,55.7585002 C0.790843666,55.7585002 0.400697433,55.368354 0.400697433,54.8870842 C0.400697433,54.8651406 0.401526295,54.8432048 0.403182245,54.8213238 L1.4348852,41.1888286 C1.46927868,40.7343674 1.8480556,40.3831731 2.30381638,40.3831731 L8.20072793,40.3831731 L8.20072793,40.3831731 C11.88531,44.1055158 16.8827325,46.1967142 22.0935854,46.1967142 C27.3044384,46.1967142 32.3018609,44.1055158 35.986443,40.3831731 L41.8385364,40.3831731 C42.2934375,40.3831731 42.6718038,40.7330851 42.707296,41.1865995 L43.7741811,54.8190947 C43.8117306,55.2988974 43.4532136,55.7182943 42.9734109,55.7558438 C42.950791,55.7576141 42.9281105,55.7585002 42.9054214,55.7585002 L35.1006023,55.7585002 L35.1006023,55.7585002 Z"
                    id="Path"
                    fill="#FFB4B7"
                  ></path>
                  <path
                    d="M19.7120079,-2.49664076 C25.1511393,-3.03336327 30.7705434,-1.73847349 35.5884932,1.48520225 C40.4051506,4.7080133 43.750123,9.41000497 45.336576,14.6464819 C46.9227736,19.8821163 46.7509302,25.6519351 44.534835,31.0110183 C42.3182859,36.3711993 38.3654857,40.573901 33.54663,43.1539279 C28.7266102,45.7345782 23.0400616,46.6918791 17.3569264,45.5602694 C11.6744311,44.4287872 6.78644969,41.3663282 3.31906183,37.1358899 C-0.147344181,32.9066496 -2.19387456,27.5100658 -2.19451999,21.7163429 C-2.21267799,15.2578873 0.350344612,9.06076835 4.91758971,4.51135652 C9.01444047,0.40818171 14.2731852,-1.95994871 19.7120079,-2.49664076 Z"
                    id="Path"
                    stroke="#FEF1A7"
                    strokeWidth="5.228496"
                    fill="#FF9F9F"
                  ></path>
                  <path
                    d="M18.5326666,15.2473549 L21.8212365,12.8407807 L25.1098063,15.2473549 L23.9500323,11.2153404 L27.1422722,8.67038823 L23.1364737,8.58415266 L21.8212365,4.60528337 L20.5059993,8.58415266 L16.5002007,8.67038823 L19.6924407,11.2153404 L18.5326666,15.2473549 L18.5326666,15.2473549 Z M25.6495756,22.0661535 L26.2233939,24.5591674 L27.294137,22.242062 L29.8027901,22.4580385 L27.9669559,20.706772 L28.9435043,18.3466667 L26.7376198,19.581935 L24.8325813,17.9078728 L25.306438,20.4223866 L23.1514954,21.7465865 L25.6495756,22.0661535 L25.6495756,22.0661535 Z M16.3483359,22.242062 L17.419079,24.5591674 L17.9928973,22.0661535 L20.4909775,21.7465865 L18.3369961,20.4223866 L18.8098916,17.9078728 L16.9048532,19.581935 L14.6989686,18.3466667 L15.6755171,20.706772 L13.8396828,22.4580385 L16.3483359,22.242062 L16.3483359,22.242062 Z M32.3101998,14.2045438 L33.2980253,16.5776138 L33.9543401,14.0863336 L36.4540848,13.8538535 L34.3529195,12.4422265 L34.9105475,9.92631912 L32.9550171,11.544814 L30.8001969,10.2218447 L31.69221,12.633333 L29.8027901,14.3326048 L32.3101998,14.2045438 L32.3101998,14.2045438 Z M11.0183918,14.0863336 L11.6747065,16.5776138 L12.6625321,14.2045438 L15.1699418,14.3326048 L13.2805219,12.633333 L14.172535,10.2218447 L12.0177148,11.5438289 L10.0621844,9.92631912 L10.6198124,12.4422265 L8.51864709,13.8538535 L11.0183918,14.0863336 L11.0183918,14.0863336 Z M32.4476579,27.2196853 L12.525074,27.2196853 C11.0470672,27.2196853 9.84890603,28.4108397 9.84890603,29.8802032 C9.84890603,31.3495666 11.0470672,32.5407211 12.525074,32.5407211 L32.4476579,32.5407211 C33.9256646,32.5407211 35.1238259,31.3495666 35.1238259,29.8802032 C35.1238259,28.4108397 33.9256646,27.2196853 32.4476579,27.2196853 Z"
                    id="Shape"
                    fill="#FFF09A"
                  ></path>
                  <line
                    x1="2.19012734"
                    y1="31.9262145"
                    x2="42.0978955"
                    y2="31.9262145"
                    id="直线-3"
                    stroke="#DCE1E9"
                    strokeWidth="1.742832"
                    strokeLinecap="square"
                  ></line>
                </g>
              </g>
              <path
                d="M19.80944,14 L309.19056,14 C312.399025,14 315,16.6009749 315,19.80944 L315,175.19056 C315,178.399025 312.399025,181 309.19056,181 L19.80944,181 C16.6009749,181 14,178.399025 14,175.19056 L14,19.80944 C14,16.6009749 16.6009749,14 19.80944,14 Z"
                id="Rectangle"
                fill="#F8FAFF"
                opacity="0.462123326"
              ></path>
            </g>
            <g id="group-add" transform="translate(65.505320, 72.292680)"></g>
            <path
              d="M303,3 L326,3 L326,27 M326,168 L326,192 L303,192 M26,192 L3,192 L3,168 M3,27 L3,3 L26,3"
              id="形状备份"
              stroke="#C0D2FF"
              strokeWidth="6"
            ></path>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IDPlaceholderAvatar2 = (
  customStyle: any = {
    margin: '0 auto'
  }
  // width = `${329 / 7.5}vw`,
  // height = `${195 / 7.5}vw`
) => {
  return (
    <svg
      // width={width}
      // height={height}
      style={{
        width: `${329 / 7.5}vw`,
        height: `${195 / 7.5}vw`,
        ...customStyle
      }}
      viewBox="0 0 329 195"
    >
      <g
        id="合约机优化"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="普通合约机-实名认证"
          transform="translate(-36.000000, -1329.000000)"
        >
          <g
            id="身份证正面备份-3"
            transform="translate(36.000000, 1329.000000)"
          >
            <g id="card" fill="#F8FAFF">
              <path
                d="M33.92612,17.30812 L294.30724,17.30812 C296.96342,17.30812 299.11668,19.4613796 299.11668,22.11756 L299.11668,172.49868 C299.11668,175.15486 296.96342,177.30812 294.30724,177.30812 L33.92612,177.30812 C31.2699396,177.30812 29.11668,175.15486 29.11668,172.49868 L29.11668,22.11756 C29.11668,19.4613796 31.2699396,17.30812 33.92612,17.30812 Z"
                id="Rectangle"
              ></path>
              <path
                d="M322.01588,6.98412 L322.01588,188.01588 L6.98412,188.01588 L6.98412,6.98412 L322.01588,6.98412 Z"
                id="Rectangle"
                stroke="#E9EFFF"
                strokeWidth="13.96824"
              ></path>
            </g>
            <g
              id="photo"
              transform="translate(103.000000, 47.000000)"
              fill="#BFCFF6"
              fillRule="nonzero"
              opacity="0.489583333"
            >
              <path
                d="M116.716231,105.582524 C113.157407,102.144013 109.334967,95.9412081 90.3545752,93.0420712 C71.374183,90.1429343 74.9330065,80.3667745 74.8011982,79.5577132 C74.6693898,78.7486519 75.4602395,71.6693637 75.4602397,71.6693637 C79.4575224,67.9850556 82.5121561,63.355461 84.3572985,58.1850055 C88.9046842,55.2858685 90.6181918,54.8813378 91.3431373,51.4428265 C91.3431373,51.4428265 92.8589325,38.700108 88.0479302,38.700108 C88.0479302,38.700108 86.004902,38.700108 86.6639433,36.0706582 C87.1553014,30.8688219 87.1553014,25.6306389 86.6639433,20.4288026 C86.6639433,17.1251349 87.2570805,7.61866242 80.4689542,6.33764846 C75.7897603,5.46116525 75.2625273,6.80960093 73.0217864,6.33764846 C70.7810456,5.86569599 68.078976,0 63.8611111,0 L55.0958606,1.41585761 C50.8779958,1.41585761 51.5370371,2.76429349 49.2303922,3.03398058 C47.0071829,3.15625627 44.8004125,3.49489451 42.6399783,4.04530744 C36.0495644,5.39374332 33.479303,14.2934197 33.0838779,17.5296657 C32.6884529,20.7659116 32.6884531,30.1375405 33.0838779,35.126753 C33.7429193,38.0933119 31.5021786,38.0933119 31.5021786,38.0933119 C27.4161219,38.0933119 29.2614379,50.8360303 29.2614379,50.8360303 C29.8545752,54.0048546 29.2614379,55.6229775 35.1269064,58.1175837 C37.0920354,63.3502906 40.6804633,67.7792502 45.3420479,70.7254585 C45.3420479,70.7254585 45.7374727,76.1192019 45.803377,79.9622439 C45.2102397,79.9622439 47.7805012,89.7384035 29.0637255,92.5701187 C10.3469498,95.4018339 7.11764706,102.144013 3.55882353,105.582524 C0,109.021036 0,125 0,125 L121,125 C121,125 120.20915,109.021036 116.716231,105.582524 L116.716231,105.582524 Z"
                id="Shape"
              ></path>
            </g>
            <polygon
              id="Rectangle"
              fill="#F8FAFF"
              opacity="0.462123326"
              points="14.23336 13.61624 315.23336 13.61624 315.23336 181.61624 14.23336 181.61624"
            ></polygon>
            <path
              d="M303,3 L326,3 L326,27 M326,168 L326,192 L303,192 M26,192 L3,192 L3,168 M3,27 L3,3 L26,3"
              id="形状备份-2"
              stroke="#C0D2FF"
              strokeWidth="6"
            ></path>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconInfo = (
  customStyle = {},
  width = `.22rem`,
  height = `.22rem`
) => {
  return (
    <svg width={width} height={height} viewBox="0 0 24 24">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        opacity="0.849999964"
      >
        <g
          id="号卡-需要线上实名认证"
          transform="translate(-247.000000, -535.000000)"
        >
          <g id="group2" transform="translate(0.000000, 364.000000)">
            <g
              id="icon-information"
              transform="translate(248.000000, 172.000000)"
            >
              <path
                d="M10.8806262,4 C11.3669827,4 11.7612524,4.39426979 11.7612524,4.88062622 L11.7612524,13.1193738 C11.7612524,13.6057302 11.3669827,14 10.8806262,14 C10.3942698,14 10,13.6057302 10,13.1193738 L10,4.88062622 C10,4.39426979 10.3942698,4 10.8806262,4 Z"
                id="Rectangle-3"
                fill="#8C8C8C"
                transform="translate(11.000000, 9.000000) scale(1, -1) translate(-11.000000, -9.000000) "
              ></path>
              <path
                d="M4.08709158,19.5568592 C5.97606889,21.0848315 8.38115992,22 11,22 L11,22 C17.0751322,22 22,17.0751322 22,11 C22,4.92486775 17.0751322,0 11,0 C4.92486775,0 0,4.92486775 0,11 C0,12.8202784 0.442138913,14.5372898 1.22488132,16.0494986"
                id="Oval-54"
                stroke="#8C8C8C"
                strokeWidth="2"
                strokeLinecap="round"
              ></path>
              <circle id="Oval-2" fill="#8C8C8C" cx="11" cy="17" r="1"></circle>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const PackageProcessingSuccess = (
  customStyle = {},
  width = '8px',
  height = '8px'
) => {
  return (
    <svg width={width} height={height} viewBox="0 0 85 84">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        strokeLinecap="round"
      >
        <g
          id="套餐-提交成功"
          transform="translate(-333.000000, -177.000000)"
          stroke="#FD4242"
          strokeWidth="4"
        >
          <g id="group" transform="translate(0.000000, 129.000000)">
            <g id="group1" transform="translate(123.000000, 48.000000)">
              <g id="icon-success" transform="translate(210.000000, 0.000000)">
                <path
                  d="M64.3086005,8.39347319 C58.0575812,4.34842226 50.606265,2 42.6064453,2 C20.5150553,2 2.60644531,19.90861 2.60644531,42 C2.60644531,64.09139 20.5150553,82 42.6064453,82 C64.6978353,82 82.6064453,64.09139 82.6064453,42 C82.6064453,33.5221091 79.9689515,25.6602379 75.469734,19.1901563"
                  id="路径"
                ></path>
                <polyline
                  id="路径-2"
                  strokeLinejoin="round"
                  fillRule="nonzero"
                  points="24.8019802 44.6358292 37.4249691 57.2588181 65.3372525 29.3465347"
                ></polyline>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const PackageProcessingFail = (
  customStyle = {},
  width = '8px',
  height = '8px'
) => {
  return (
    <svg width={width} height={height} viewBox="0 0 84 84">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        strokeLinecap="round"
      >
        <g
          id="套餐-提交失败"
          transform="translate(-334.000000, -177.000000)"
          stroke="#FD4242"
          strokeWidth="4"
        >
          <g id="group" transform="translate(0.000000, 129.000000)">
            <g id="group1" transform="translate(194.000000, 48.000000)">
              <g id="icon-fail" transform="translate(139.000000, 0.000000)">
                <path
                  d="M64.7021552,8.39347319 C58.4511359,4.34842226 50.9998197,2 43,2 C20.90861,2 3,19.90861 3,42 C3,64.09139 20.90861,82 43,82 C65.09139,82 83,64.09139 83,42 C83,33.5221091 80.3625062,25.6602379 75.8632887,19.1901563"
                  id="路径"
                ></path>
                <path
                  d="M29,56.2842712 L57.2842712,28"
                  id="路径-2"
                  strokeLinejoin="round"
                  fillRule="nonzero"
                ></path>
                <path
                  d="M29,56.2842712 L57.2842712,28"
                  id="路径-2"
                  strokeLinejoin="round"
                  fillRule="nonzero"
                  transform="translate(43.142136, 42.142136) scale(-1, 1) translate(-43.142136, -42.142136) "
                ></path>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const IconBell = ({
  width = '24px',
  height = '24px',
  customStyle = {}
}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 21 25">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="号卡-选择号码-选中"
          transform="translate(-30.000000, -1235.000000)"
          stroke="#DE6A1C"
          strokeWidth="2"
        >
          <g id="黄色提示结果" transform="translate(0.000000, 1207.000000)">
            <g id="Group-6" transform="translate(29.000000, 28.000000)">
              <path
                d="M19.6378782,15.0673881 L19.6325799,9.90902705 C19.629401,6.57545749 17.5164527,3.74623265 14.5663785,2.67157409 C14.0969522,1.68522907 13.101938,0.998937217 11.9405582,1 C10.7802381,1.00212927 9.78628349,1.68948514 9.31897648,2.67689419 C6.3710216,3.75793685 4.26443128,6.59141777 4.26761024,9.92498732 L4.2729085,15.0673881 L3.06428448,17.564312 C2.82366065,18.0614223 3.03158398,18.6594739 3.52869425,18.9000978 C3.66452525,18.9658461 3.81347529,19 3.96438224,19 L20.0391532,19 C20.5914379,19 21.0391532,18.5522847 21.0391532,18 C21.0391532,17.83902 21.0002894,17.6804194 20.9258645,17.5376766 L19.6378782,15.0673881 L19.6378782,15.0673881 Z"
                id="Stroke-1"
              ></path>
              <path
                d="M14,23 C14,23.5524911 13.1043303,24 12.0004487,24 C10.8956697,24 10,23.5524911 10,23"
                id="Stroke-3"
                strokeLinecap="round"
              ></path>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const OrderCancel = () => {
  return (
    <svg width=".85rem" height=".85rem" viewBox="0 0 85 85" version="1.1">
      <g
        id="交互稿"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="APP-订单详情页-已取消"
          transform="translate(-333.000000, -176.000000)"
          stroke="#FFFFFF"
          strokeWidth="3"
        >
          <g id="办理状态" transform="translate(0.000000, 129.000000)">
            <g id="Group" transform="translate(333.000000, 47.000000)">
              <circle id="Oval" cx="42.5" cy="42.5" r="41"></circle>
              <g
                id="Group-4"
                transform="translate(41.319444, 18.888889)"
                fillRule="nonzero"
                strokeLinecap="round"
              >
                <line
                  x1="1.18055556"
                  y1="1.18055556"
                  x2="1.18055556"
                  y2="28.1664524"
                  id="Line"
                ></line>
                <line
                  x1="1.18055556"
                  y1="41.3194444"
                  x2="1.18055556"
                  y2="43.6805556"
                  id="Line-Copy"
                ></line>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const OrderSuccess = (width = '', height = '', customStyle = {}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 85 84">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        strokeLinecap="round"
      >
        <g
          id="套餐-订单详情页-办理成功"
          transform="translate(-333.000000, -177.000000)"
          stroke="#FFFFFF"
          strokeWidth="4"
        >
          <g id="分组" transform="translate(0.000000, 129.000000)">
            <g id="group1" transform="translate(135.000000, 48.000000)">
              <g id="icon-success" transform="translate(198.000000, 0.000000)">
                <path
                  d="M64.3086005,8.39347319 C58.0575812,4.34842226 50.606265,2 42.6064453,2 C20.5150553,2 2.60644531,19.90861 2.60644531,42 C2.60644531,64.09139 20.5150553,82 42.6064453,82 C64.6978353,82 82.6064453,64.09139 82.6064453,42 C82.6064453,33.5221091 79.9689515,25.6602379 75.469734,19.1901563"
                  id="路径"
                ></path>
                <polyline
                  id="路径-2"
                  strokeLinejoin="round"
                  fillRule="nonzero"
                  points="24.8019802 44.6358292 37.4249691 57.2588181 65.3372525 29.3465347"
                ></polyline>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const OrderFail = (
  width = '84px',
  height = '84px',
  customStyle = {}
) => {
  return (
    <svg width={width} height={height} viewBox="0 0 84 84">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        strokeLinecap="round"
      >
        <g
          id="套餐-订单详情页-办理失败"
          transform="translate(-334.000000, -177.000000)"
          stroke="#FFFFFF"
          strokeWidth="4"
        >
          <g id="分组" transform="translate(0.000000, 129.000000)">
            <g id="group1" transform="translate(135.000000, 48.000000)">
              <g id="icon-fail" transform="translate(198.000000, 0.000000)">
                <path
                  d="M64.7021552,8.39347319 C58.4511359,4.34842226 50.9998197,2 43,2 C20.90861,2 3,19.90861 3,42 C3,64.09139 20.90861,82 43,82 C65.09139,82 83,64.09139 83,42 C83,33.5221091 80.3625062,25.6602379 75.8632887,19.1901563"
                  id="路径"
                ></path>
                <path
                  d="M29,56.2842712 L57.2842712,28"
                  id="路径-2"
                  strokeLinejoin="round"
                  fillRule="nonzero"
                ></path>
                <path
                  d="M29,56.2842712 L57.2842712,28"
                  id="路径-2"
                  strokeLinejoin="round"
                  fillRule="nonzero"
                  transform="translate(43.142136, 42.142136) scale(-1, 1) translate(-43.142136, -42.142136) "
                ></path>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const OrderProcess = (
  width = '84px',
  height = '84px',
  customStyle = {}
) => {
  return (
    <svg width={width} height={height} viewBox="0 0 80 77">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="套餐-订单详情页-办理中"
          transform="translate(-336.000000, -181.000000)"
          fillRule="nonzero"
          stroke="#FFFFFF"
          strokeWidth="4"
        >
          <g id="分组" transform="translate(0.000000, 129.000000)">
            <g id="group1" transform="translate(135.000000, 48.000000)">
              <g id="icon-wait" transform="translate(198.000000, 0.000000)">
                <circle id="椭圆形" cx="60" cy="58" r="21"></circle>
                <polyline
                  id="路径-4"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                  points="59.8710938 47 59.8710938 59 69.9609375 59"
                ></polyline>
                <polyline
                  id="路径-5"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                  points="73.9609375 34 73.9609375 27 67.9609375 6.06640625 11 6.06640625 5 27 5 72.53125 34.8671875 72.53125"
                ></polyline>
                <path
                  d="M6,28 L74,28"
                  id="直线-2"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                ></path>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const ToastLoading = () => {
  return (
    <svg width="58px" height="58px" viewBox="0 0 58 58">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="补充状态"
          transform="translate(-181.000000, -2129.000000)"
          stroke=""
          strokeWidth="3"
        >
          <g id="勾-copy" transform="translate(60.000000, 2089.000000)">
            <circle id="Oval-2" cx="150" cy="69" r="27"></circle>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const JDIcon = (width = '3px', height = '3px', customStyle = {}) => {
  return (
    <svg width={width} height={height} viewBox="0 0 29 25">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="套餐-订单详情页-办理成功"
          transform="translate(-37.000000, -478.000000)"
          fill="#262626"
          fillRule="nonzero"
        >
          <g id="分组-2" transform="translate(0.000000, 427.000000)">
            <g id="icon-JD" transform="translate(36.000000, 48.000000)">
              <path
                d="M3.04561792,6.5 L3.04561792,3.5 L9.5,3.5 L9.5,20 C9.5,24.8841556 6.44818149,27.5 1,27.5 L1,24.5 C4.88515185,24.5 6.5,23.1158444 6.5,20 L6.5,6.5 L3.04561792,6.5 Z"
                id="路径-3"
              ></path>
              <path
                d="M29.5,17.0058594 C29.5,22.3574139 24.8020783,27.5 19.688755,27.5 L11.5,27.5 L11.5,3.5 L19.688755,3.5 C24.7052999,3.5 29.5,8.63376543 29.5,13.6074219 L29.5,17.0058594 Z M14.5,24.5 L19.688755,24.5 C23.0816323,24.5 26.5,20.7580794 26.5,17.0058594 L26.5,13.6074219 C26.5,10.2465426 23.000902,6.5 19.688755,6.5 L14.5,6.5 L14.5,24.5 Z"
                id="路径-6"
              ></path>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const RightArrow = (width = '8px', height = '2px') => {
  return (
    <svg width={width} height={height} viewBox="0 0 8 20">
      <g
        id="套餐号卡合约机1.2"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="套餐-订单详情页-办理成功"
          transform="translate(-206.000000, -481.000000)"
          fill="#262626"
        >
          <g id="分组-2" transform="translate(0.000000, 427.000000)">
            <path
              d="M208.781014,73.2606103 C208.362878,73.9745903 207.446961,74.2125836 206.736129,73.7925954 C206.025298,73.3726071 205.788354,72.4536329 206.20649,71.7396529 C207.717753,69.1597251 209.228021,66.5797974 210.739285,63.9998696 C209.228021,61.4209419 207.717753,58.8410141 206.20649,56.2610864 C205.788354,55.5471064 206.025298,54.6271321 206.736129,54.2071439 C207.446961,53.7871557 208.362878,54.026149 208.781014,54.740129 C210.440616,57.5730496 212.099223,60.4069703 213.758825,63.2398909 C214.080392,63.7888755 214.080392,64.2118637 213.758825,64.7608483 C212.099223,67.593769 210.440616,70.4276896 208.781014,73.2606103"
              id="Fill-5"
            ></path>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const UpgradeIcon = (
  width = '308px',
  height = '308px',
  customStyle = {}
) => {
  return <img src={upgrade} style={{ width, height, ...customStyle }} alt="" />;
};

export const LossIcon = (
  width = '308px',
  height = '308px',
  customStyle = {}
) => {
  return <img src={loss} style={{ width, height, ...customStyle }} alt="" />;
};

export const newCloseIcon = ({
  width = '40px',
  height = '40px',
  clickFun = (e: any) => {}
}) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 40 40"
      version="1.1"
      onClick={(e: any) => {
        clickFun(e);
      }}
    >
      <g
        id="公共组件"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g id="入网协议" transform="translate(-674.000000, -258.000000)">
          <g transform="translate(0.000000, 222.000000)" id="icon-close">
            <g transform="translate(674.000000, 36.000000)">
              <circle
                id="椭圆形"
                fill="#F2F2F2"
                cx="20"
                cy="20"
                r="20"
              ></circle>
              <path
                d="M24.5606,17.5606 C23.9746,18.1466 23.0256,18.1466 22.4396,17.5606 C21.8536,16.9756 21.8536,16.0256 22.4396,15.4396 L25.4396,12.4396 C26.0256,11.8536 26.9746,11.8536 27.5606,12.4396 C28.1466,13.0246 28.1466,13.9756 27.5606,14.5606 L24.5606,17.5606 Z"
                id="Fill-5"
                fill="#8C8C8C"
              ></path>
              <path
                d="M27.5606,25.4395 C28.1466,26.0245 28.1466,26.9755 27.5606,27.5605 C26.9746,28.1465 26.0256,28.1465 25.4396,27.5605 C23.6256,25.7475 21.8136,23.9345 19.9996,22.1215 C18.1866,23.9345 16.3736,25.7475 14.5606,27.5605 C13.9746,28.1465 13.0256,28.1465 12.4396,27.5605 C11.8536,26.9755 11.8536,26.0245 12.4396,25.4395 C14.2526,23.6265 16.0656,21.8135 17.8786,20.0005 C16.0656,18.1875 14.2526,16.3745 12.4396,14.5605 C11.8536,13.9755 11.8536,13.0245 12.4396,12.4395 C13.0256,11.8535 13.9746,11.8535 14.5606,12.4395 C18.8936,16.7725 23.2276,21.1065 27.5606,25.4395"
                id="Fill-8"
                fill="#8C8C8C"
              ></path>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const newCloseIcon2 = ({
  width = '.3rem',
  height = '.3rem',
  clickFun = (e: any) => {}
}) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 30 30"
      version="1.1"
      onClick={clickFun}
    >
      <g id="走查" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
        <g
          id="图7-搜索无结果&amp;号码推荐"
          transform="translate(-652.000000, -533.000000)"
        >
          <g id="编组" transform="translate(0.000000, 416.000000)">
            <g id="search" transform="translate(36.000000, 100.000000)">
              <g id="icon" transform="translate(616.000000, 17.000000)">
                <path
                  d="M30,15 C30,6.716 23.284,0 15,0 C6.716,0 0,6.716 0,15 C0,23.285 6.716,30 15,30 C23.284,30 30,23.285 30,15"
                  id="Fill-1"
                  fill="#BFBFBF"
                ></path>
                <path
                  d="M10.5605,8.43876567 C14.2275,12.1058966 17.8935,15.7720276 21.5605,19.4391585 C22.1465,20.0251795 22.1465,20.9752134 21.5605,21.5612343 C20.9745,22.1462552 20.0255,22.1462552 19.4395,21.5612343 C17.9595,20.0811815 16.4795,18.6011286 14.9995,17.1210758 C13.5205,18.6011286 12.0395,20.0811815 10.5605,21.5612343 C9.9745,22.1462552 9.0255,22.1462552 8.4395,21.5612343 C7.8535,20.9752134 7.8535,20.0251795 8.4395,19.4391585 C9.9185,17.9601057 11.3985,16.4800529 12.8785,15 C11.3985,13.5199471 9.9185,12.0398943 8.4395,10.5608415 C7.8535,9.97482053 7.8535,9.0247866 8.4395,8.43876567 C9.0255,7.85374478 9.9745,7.85374478 10.5605,8.43876567"
                  id="Fill-6"
                  fill="#FFFFFF"
                ></path>
                <path
                  d="M21.5605,10.5610061 C20.8935,11.2280728 20.2275,11.8941394 19.5605,12.5612061 C18.9745,13.1462646 18.0255,13.1462646 17.4395,12.5612061 C16.8535,11.9751475 16.8535,11.0250525 17.4395,10.4389939 C18.1065,9.77292729 18.7725,9.10586059 19.4395,8.43879388 C20.0255,7.85373537 20.9745,7.85373537 21.5605,8.43879388 C22.1465,9.02485249 22.1465,9.97494749 21.5605,10.5610061"
                  id="Fill-7"
                  fill="#FFFFFF"
                ></path>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const newCloseIconNoBac = ({
  width = '.16rem',
  height = '.16rem',
  stroke = '#262626',
  clickFun = (e: any) => {}
}) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 16 16"
      version="1.1"
      onClick={clickFun}
    >
      <g
        id="走查"
        stroke="none"
        strokeWidth="1"
        fill={stroke}
        fillRule="evenodd"
      >
        <g
          id="图3-“备选号码”下拉菜单"
          transform="translate(-315.000000, -616.000000)"
          fill={stroke}
        >
          <g id="编组" transform="translate(0.000000, 494.000000)">
            <g id="1" transform="translate(36.000000, 98.000000)">
              <g id="编组" transform="translate(279.000000, 24.000000)">
                <path
                  d="M12.5605,5.5606 C11.9745,6.1466 11.0255,6.1466 10.4395,5.5606 C9.8535,4.9756 9.8535,4.0256 10.4395,3.4396 L13.4395,0.4396 C14.0255,-0.1464 14.9745,-0.1464 15.5605,0.4396 C16.1465,1.0246 16.1465,1.9756 15.5605,2.5606 L12.5605,5.5606 Z"
                  id="Fill"
                ></path>
                <path
                  d="M15.5605,13.4395 C16.1465,14.0245 16.1465,14.9755 15.5605,15.5605 C14.9745,16.1465 14.0255,16.1465 13.4395,15.5605 C11.6255,13.7475 9.8135,11.9345 7.9995,10.1215 C6.1865,11.9345 4.3735,13.7475 2.5605,15.5605 C1.9745,16.1465 1.0255,16.1465 0.4395,15.5605 C-0.1465,14.9755 -0.1465,14.0245 0.4395,13.4395 C2.2525,11.6265 4.0655,9.8135 5.8785,8.0005 C4.0655,6.1875 2.2525,4.3745 0.4395,2.5605 C-0.1465,1.9755 -0.1465,1.0245 0.4395,0.4395 C1.0255,-0.1465 1.9745,-0.1465 2.5605,0.4395 C6.8935,4.7725 11.2275,9.1065 15.5605,13.4395"
                  id="Fill"
                ></path>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};

export const DialogArrowIcon = (width = '36px', height = '38px') => {
  return (
    <svg width={width} height={height} viewBox="0 0 45 48">
      <g
        id="公共组件"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g id="弹层样式8" transform="translate(-347.000000, -735.000000)">
          <g transform="translate(84.000000, 429.000000)" id="箭头">
            <g transform="translate(287.000000, 329.000000) scale(-1, 1) translate(-287.000000, -329.000000) translate(265.000000, 304.000000)">
              <polygon
                id="三角形"
                fill="#F2270C"
                fillRule="nonzero"
                transform="translate(6.116114, 8.511531) rotate(-81.000000) translate(-6.116114, -8.511531) "
                points="-1 13.3645254 4.83727924 3.65853659 13.2322272 11.5069592"
              ></polygon>
              <line
                x1="6.31707317"
                y1="8.53658537"
                x2="42.902439"
                y2="8.53658537"
                id="直线"
                stroke="#F2270C"
                strokeWidth="4.87804878"
                strokeLinecap="round"
              ></line>
              <polygon
                id="三角形"
                fill="#F2270C"
                fillRule="nonzero"
                transform="translate(6.116114, 41.438360) rotate(-81.000000) translate(-6.116114, -41.438360) "
                points="-1 46.2913547 4.83727924 36.5853659 13.2322272 44.4337884"
              ></polygon>
              <line
                x1="6.31707317"
                y1="41.4634146"
                x2="42.902439"
                y2="41.4634146"
                id="直线"
                stroke="#F2270C"
                strokeWidth="4.87804878"
                strokeLinecap="round"
              ></line>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};
